<template>
    <UseDark v-slot="{isDark, toggleDark}">
        <button @click="toggleDark()">Is Dark: {{ isDark }}</button> 
    </UseDark>
</template>

<script setup>
import { UseDark } from '@vueuse/components';
</script>

<style lang="scss" scoped>

</style>